<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>shortcuts</title>
    <link rel="stylesheet" href="../bootstrap.css">
    <script src="../browser.js"></script> 
    <script src="../es6-module-loader.js"></script>
    <style>
        body {
            padding-top: 70px;
        }
    </style>
    <script>            
    	System.transpiler = "babel";
    	System.babelOptions = {
	    	experimental: true
 
	    }; 
    </script> 
</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a href="###" class="navbar-brand">Shortcuts</a>
            </div> 
       </div>        
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="list-group">
                    <a href="#" class="list-group-item active">
                    Cras justo odio
                    </a>
                    <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
                    <a href="#" class="list-group-item">Morbi leo risus</a>
                    <a href="#" class="list-group-item">Porta ac consectetur ac</a>
                    <a href="#" class="list-group-item">Vestibulum at eros</a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>